import React from 'react';
import { observer } from 'mobx-react-lite'
import { useStores } from './store';
import './App.css';

function App() {
  const { counterStore: { counter, increment } } = useStores();

  return (
    <div className="App">
      <h1>{counter}</h1>
      <button onClick={() => increment()}>+1</button>
    </div>
  );
}

export default observer(App);
